<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏列表</title>
</head>
<link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
<script type="text/javascript" src="http://www.jeendo.com/script/wow/wow.min2.js"></script>

<body>
    <div class="web">
        <header>
            <div class="logo wow animate__rubberBand animate__infinite">
                <img src="../img/logo.png" alt="">
            </div>
            <div class="url">
                <a href="./index.html">
                    <div class="title">首页
                        <p>home</p>
                    </div>
                </a>
                <a href="./list.html">
                    <div class="title">游戏
                        <p>game</p>
                    </div>
                </a>
                <a href="./case.html">
                    <div class="title">案例
                        <p>Case</p>
                    </div>
                </a>
                <a href="./user.html">
                    <div class="title">关于我们
                        <p>About us</p>
                    </div>
                </a>
                <a href="./list2.html">
                    <div class="weixin">
                        <img src="../img/sy-wx.png" alt="">
                    </div>
                </a>
            </div>
        </header>
        <main>
            <div class="banner">
                <div class="imgbox">
                    <img src="../img/l1.png" alt="">
                </div>

            </div>

            <div class="game ">
                <div class="check">
                    <a href="#">ALL</a>
                    <a href="#">最新游戏</a>
                    <a href="#">最热游戏</a>
                    <a href="#">购买最多</a>
                </div>


                <div class="box">

                    <div class="item wow animate__fadeInDown">
                        <div class="top">
                            <div class="left">
                                <p class="name"> 剑圣传奇</p>
                                <p class="time">2014-07-09</p>
                                <p class="time">使用次数:20</p>
                                <p class="line"></p>
                            </div>
                            <div class="right">
                                <a class="btn">购买</a>
                                <a href='' class="size iconfont icon-xingxing1"></a>
                            </div>
                        </div>
                        <div class="imgBox">
                            <img src="../img/l3.png" alt="">
                        </div>
                    </div>

                    <div class="item  wow animate__fadeInDown">
                        <div class="top">
                            <div class="left">
                                <p class="name"> 剑圣传奇</p>
                                <p class="time">2014-07-09</p>
                                <p class="time">使用次数:20</p>
                                <p class="line"></p>
                            </div>
                            <div class="right">
                                <a class="btn">购买</a>
                                <a href='' class="size iconfont icon-xingxing1"></a>
                            </div>
                        </div>
                        <div class="imgBox">
                            <img src="../img/l3.png" alt="">
                        </div>
                    </div>
                    <div class="item  wow animate__fadeInDown">
                        <div class="top">
                            <div class="left">
                                <p class="name"> 剑圣传奇</p>
                                <p class="time">2014-07-09</p>
                                <p class="time">使用次数:20</p>
                                <p class="line"></p>
                            </div>
                            <div class="right">
                                <a class="btn">购买</a>
                                <a href='' class="size iconfont icon-xingxing1"></a>
                            </div>
                        </div>
                        <div class="imgBox">
                            <img src="../img/l3.png" alt="">
                        </div>
                    </div>


                    <div class="item wow animate__fadeInLeft">
                        <div class="top">
                            <div class="left">
                                <p class="name"> 剑圣传奇</p>
                                <p class="time">2014-07-09</p>
                                <p class="time">使用次数:20</p>
                                <p class="line"></p>
                            </div>
                            <div class="right">
                                <a class="btn">购买</a>
                                <a href='' class="size iconfont icon-xingxing1"></a>
                            </div>
                        </div>
                        <div class="imgBox">
                            <img src="../img/l3.png" alt="">
                        </div>
                    </div>

                    <div class="item wow animate__fadeInLeft">
                        <div class="top">
                            <div class="left">
                                <p class="name"> 剑圣传奇</p>
                                <p class="time">2014-07-09</p>
                                <p class="time">使用次数:20</p>
                                <p class="line"></p>
                            </div>
                            <div class="right">
                                <a class="btn">购买</a>
                                <a href='' class="size iconfont icon-xingxing1"></a>
                            </div>
                        </div>
                        <div class="imgBox">
                            <img src="../img/l3.png" alt="">
                        </div>
                    </div>
                    <div class="item wow animate__fadeInLeft">
                        <div class="top">
                            <div class="left">
                                <p class="name"> 剑圣传奇</p>
                                <p class="time">2014-07-09</p>
                                <p class="time">使用次数:20</p>
                                <p class="line"></p>
                            </div>
                            <div class="right">
                                <a class="btn">购买</a>
                                <a href='' class="size iconfont icon-xingxing1"></a>
                            </div>
                        </div>
                        <div class="imgBox">
                            <img src="../img/l3.png" alt="">
                        </div>
                    </div>




                    <div class="item wow animate__fadeInRight">
                        <div class="top">
                            <div class="left">
                                <p class="name"> 剑圣传奇</p>
                                <p class="time">2014-07-09</p>
                                <p class="time">使用次数:20</p>
                                <p class="line"></p>
                            </div>
                            <div class="right">
                                <a class="btn">购买</a>
                                <a href='' class="size iconfont icon-xingxing1"></a>
                            </div>
                        </div>
                        <div class="imgBox">
                            <img src="../img/l3.png" alt="">
                        </div>
                    </div>

                    <div class="item wow animate__fadeInRight">
                        <div class="top">
                            <div class="left">
                                <p class="name"> 剑圣传奇</p>
                                <p class="time">2014-07-09</p>
                                <p class="time">使用次数:20</p>
                                <p class="line"></p>
                            </div>
                            <div class="right">
                                <a class="btn">购买</a>
                                <a href='' class="size iconfont icon-xingxing1"></a>
                            </div>
                        </div>
                        <div class="imgBox">
                            <img src="../img/l3.png" alt="">
                        </div>
                    </div>
                    <div class="item wow animate__fadeInRight">
                        <div class="top">
                            <div class="left">
                                <p class="name"> 剑圣传奇</p>
                                <p class="time">2014-07-09</p>
                                <p class="time">使用次数:20</p>
                                <p class="line"></p>
                            </div>
                            <div class="right">
                                <a class="btn">购买</a>
                                <a href='' class="size iconfont icon-xingxing1"></a>
                            </div>
                        </div>
                        <div class="imgBox">
                            <img src="../img/l3.png" alt="">
                        </div>
                    </div>

                </div>
            </div>
            <div class="page ">
                <i class="size iconfont icon-zuojiantou wow animate__fadeInLeftBig"></i>
                <div class="nan wow animate__fadeInUp">
                    <span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>......</span><span>12</span>
                </div>
                <i class="size iconfont icon-youjiantou  wow animate__fadeInRightBig"></i>
            </div>
        </main>
        <footer>
            <div class="left"><img src="../img/f1.png" alt=""></div>
            <div class="text">COPYRIGHT © 2014 PANGTANG. ALL RIGHTS RESERVED. 版权所有</div>
            <div class="right"><img src="../img/f2.png" alt=""></div>
        </footer>
    </div>
</body>

</html>